<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=no">
  <meta name="format-detection" content="telephone=no" />
  <title>丹青诺和</title>
  <link rel="stylesheet" href="css/bootstrap.min.css"/>
  <link rel="stylesheet" href="css/swiper.min.css">
  <link rel="stylesheet" href="css/reset.css">
  <link rel="stylesheet" href="css/headfoot.css">
  <link rel="stylesheet" href="css/index.css">
  <script src="js/jquery-1.11.3.min.js"></script>
  <script src="js/swiper-3.4.2.min.js"></script>
  <!--[if lt IE 9]>
  <script src="js/html5shiv.min.js"></script>
  <script src="js/respond.min.js"></script>
  <![endif]-->
  <script src="js/bootstrap.min.js"></script>
 </head>
 <body>
 <!-- 导航部分-->
   <div class="navs">
    <script>$(".navs").load("head.html");</script>
   </div>
 <!--banner部分-->
 <div class="swiper-container" id="banner">
  <div class="swiper-wrapper">
   <div class="swiper-slide">
    <img src="images/index/banner01.jpg" class="im_pc img-responsive" alt="">
    <img src="images/index/banner01-m.jpg" class="im_mo img-responsive" alt=""/>
   </div>
   <div class="swiper-slide" >
    <img src="images/index/banner01.jpg" class="im_pc img-responsive" alt="">
    <img src="images/index/banner01-m.jpg" class="im_mo img-responsive" alt=""/>
   </div>
   <div class="swiper-slide" >
    <img src="images/index/banner01.jpg" class="im_pc img-responsive" alt="">
    <img src="images/index/banner01-m.jpg" class="im_mo img-responsive" alt=""/>
   </div>
  </div>
  <!-- 如果需要分页器 -->
  <div class="swiper-pagination"></div>
  <div>
   <p>
   </p>
  </div>
 </div>
 <!--公司概况-->
<div class="company padd50">
 <ul>
  <li><a href="#">
   <div class="com-top">
    <span class="rt"> 查看更多 <i class="iconfont icon-2"></i> </span>  <h1> <i class="iconfont icon-gongsi"></i> 公司介绍</h1>
   </div>
   <div class="com-cont">
    <img src="images/index/gong-1.jpg" alt=""/>
    <div class="com-text">
     <h3>公司理念</h3>
     <p>”全量收集，还田利用“强调和国家绿色可持续农业的契合度，坚持可持续农业发展理念。种养结合，养肥循环，变废为宝，注重对环境和生态的保护。</p>
     <h3>领航第三方服务</h3>
     <p>提供绿色农业咨询服务以及方案。 <br/>
      如果您有这方面的需求欢迎联系我们。<br/></p>
    </div>
   </div>
  </a></li>
  <li><a href="#">
   <div class="com-top">
    <span class="rt"> 查看更多 <i class="iconfont icon-2"></i> </span>  <h1> <i class="iconfont icon-jiejuefangan-"></i> 解决方案</h1>
   </div>
   <div class="com-cont">
    <img src="images/index/gong-2.jpg" alt=""/>
    <div class="com-text">
     <h3>粪肥解决方案展示</h3>
     <p>每一个步骤的展示帮助您清楚了解到粪肥的解决方案及其设备站的运作，让您更加清楚粪肥的价值。</p>
   <div class="com-list">
    <span>
     <i></i> <br/>
     摊铺
    </span>
     <span>
     <i></i><br/>
    混合和抽水
    </span> <span>
     <i></i><br/>
     储存
    </span>
     <span>
     <i></i><br/>
    精确农耕
    </span>
<div class="both"></div>
   </div>
    </div>
   </div>
  </a></li>
  <li><a href="#">
   <div class="com-top">
    <span class="rt"> 查看更多 <i class="iconfont icon-2"></i> </span>  <h1> <i class="iconfont icon-zhanshi"></i> 服务展示</h1>
   </div>
   <div class="com-cont">
    <img src="images/index/gong-3.jpg" alt=""/>
    <div class="com-text">
     <h4>哈尔滨已建成的工作设备及机械作业展示</h4>
     <h4>已经建成的设备站展示</h4>
     <h4>相关视频展示</h4>
    </div>
   </div>
  </a></li>
  <div class="both"></div>
 </ul>
</div>
   <!--底部-->
   <div class="foots">
    <script>
     $(".foots").load("foot.html");
    </script>
   </div>
  <script>
   $(function(){
    var banner = new Swiper('#banner', {
     autoplay: 5000,
     speed:1000,
     //effect : "fade",
     fade: {
      crossFade: true
     },
     loop: true,
     lazyLoading: true,
     // 如果需要分页器
     pagination: '.swiper-pagination',
     paginationClickable: true
    });

    $('.xw-tit li').on('click',function(){
     if($(this).attr('class')!='active'){
      $(this).addClass('active').siblings().removeClass('active');
      var xx=$(this).index();
      $('.xw-nei ul').eq(xx).addClass('on').siblings().removeClass('on');
     }

    })
   })
  </script>
 </body>
</html>
